article,
aside,
blockquote,
body,
button,
code,
dd,
details,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

.toper {
    position: fixed;
    left: 0;
    top: 0;

    width: 100%;
    height: 1.8rem;
    background: #fff;
    box-shadow:0px 0px 8px 0px rgba(165,165,165,0.5);
    z-index: 10000;

}

.logo {
    height: 0.8rem;
    padding:0 0.3rem;
    box-sizing: border-box;
    display: flex;
}

 .logo img {
    display: block;
    width: 1.84rem;
    height: 0.47rem;
    margin-top: 0.15rem;
}
.logo span{
    flex:1;
    text-align: right;
    font-size: 0.3rem;
    /* line-break: 0.8rem; */
    
}
.logo span img{
    display: inline-block;
    width: 2rem;
    height: auto;
    margin-top: 0.15rem;
}

.nav-list {
    height: 0.8rem;
    padding-left: 0.3rem;
    box-sizing: border-box;
    font-size: 0.3rem;
    margin-bottom: 0.04rem;

}

.nav-list span {
    display: inline-block;
   
   
    
    line-height: 0.8rem;
}
.nav-list span a{
    text-decoration: none;
    font-style: normal;
     font-size: 0.3rem; 
     font-family: PingFang SC;
    font-weight: bold;
    color: rgba(63, 63, 63, 1);
}
.nav-list i {
    display: inline-block;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
    height: 0.12rem;
    width: 0.02rem;
    background: rgba(224, 224, 224, 1);
    margin-top: 0.34rem;
}

.nav-list .active {
    border-bottom: 0.04rem solid rgba(253, 155, 1, 1);
    ;

}

.footer {
    width: 100%;
    height: auto;
    position: relative;
}

.footbox {
    width: 100%;
    height: auto;

}

.shows {
    padding: 0 0.3rem;
    box-sizing: border-box;
    display: flex;
    height: 1rem;
    line-height: 1rem;
    border-top: 1px solid rgba(229, 229, 229, 1);
    background: #fff;
}

.hides {
    padding: 0.1rem 0.3rem;
    box-sizing: border-box;
    height: auto;
    border-top: 1px solid rgba(229, 229, 229, 1);
    display: block;
}

.hides li {
    height: 0.5rem;
    display: block;
}

.hides i,
.hides a {
    display: block;
    font-size: 0.24rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(63, 63, 63, 1);
    line-height: 0.5rem;
    font-style: normal;
}

.shows b {
    flex: 1;
    font-size: 0.3rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(34, 34, 34, 1)
}

.shows img {
    width: 0.19rem;
    height: 0.11rem;
    margin-top: 0.44rem;
}

.copyright {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(229, 229, 229, 1);
    padding: 0.3rem 0.3rem;
    box-sizing: border-box;
}

.copyright span {
    display: block;
    font-size: 0.2rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(96, 96, 96, 1);
    line-height: 0.5rem;
}

.totop {
    width: 100%;
    height: 1rem;
    background: rgba(228, 228, 228, 1);
    line-height: 1rem;
    text-align: center;

}

.totop a {
    text-decoration: none;
    font-size: 0.3rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(114, 114, 114, 1);
}

.hide {
    display: none;
}

.myImg {
    position: absolute;
    width: 3rem;
    height: auto;
    left: 1.8rem;
    top: 0.3rem;
    box-shadow: 0px 2px 10px 0px rgba(153, 153, 153, 0.2);
    display: none;
}

.zhaos {
    position: relative;
}

.myImgTel {
    position: absolute;
    width: 4rem;
    height: auto;
    left: 1.8rem;
    top: 0.3rem;
    box-shadow: 0px 2px 10px 0px rgba(153, 153, 153, 0.2);
    display: none;
}
